/*******************************************************************************
 * Copyright (c) 2010, 2015 EclipseSource and others.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *    EclipseSource - initial API and implementation
 ******************************************************************************/

/* DateTime default theme */

DateTime {
  font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
  border: none;
  border-radius: 0 2px 2px 0;
  color: #464a4e;
  background-color: #ffffff;
  background-image: none;
  text-shadow: none;
  box-shadow: none;
}

DateTime-Field {
  color: inherit;
  background-color: transparent;
  padding: 5px 3px 6px 3px;
  text-shadow: none;
}

DateTime[BORDER] {
  border: 1px solid #aaaaaa;
  border-radius: 0 2px 2px 0;
  box-shadow: inset 0 0 3px #bdbdbd;
}

DateTime[BORDER]:disabled {
  box-shadow: none;
}

DateTime[BORDER]:focused {
  border: 1px solid #4f7cb1;
  box-shadow: 0 0 5px #4f7cb1;
}

DateTime-Field:selected,
DateTime-Calendar-Day:selected {
  background-color: #5882b5;
  color: #ffffff;
  text-shadow: none;
}

DateTime-Calendar-Day:today {
  border: 1px solid #ff0000;
}

DateTime-Calendar-Day:today:selected {
  border: 1px solid #ff0000;
  background-color: #5882b5;
  color: #ffffff;
}

DateTime-Calendar-Day:selected:hover {
  border: none;
  background-color: #5882b5;
  color: #ffffff;
  text-shadow: none;
}

DateTime-Calendar-Day:selected:unfocused {
  border: none;
  background-color: #c0c0c0;
  text-shadow: none;
}

DateTime-Calendar-Day:otherMonth {
  border: none;
  background-color: transparent;
  color: #808080;
  text-shadow: none;
}

DateTime-Calendar-Day:hover {
  border: none;
  background-color: #b5b5b5;
  text-shadow: none;
}

DateTime-Calendar-Day {
  border: none;
  color: inherit;
  background-color: transparent;
  text-shadow: none;
}

DateTime-Calendar-Navbar {
  border: none;
  border-radius: 0;
  background-color: #00569c;
  color: white;
  font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
  text-shadow: none;
  background-image: gradient(
    linear, left top, left bottom,
    from( #416693 ), to( #5882b5 )
  );
}

DateTime-Calendar-PreviousMonthButton {
  background-image: url( resource/widget/rap/calendar/lastMonth.png );
  cursor: default;
}

DateTime-Calendar-PreviousMonthButton:hover {
  background-image: url( resource/widget/rap/calendar/lastMonth-hover.png );
}

DateTime-Calendar-NextMonthButton {
  background-image: url( resource/widget/rap/calendar/nextMonth.png );
  cursor: default;
}

DateTime-Calendar-NextMonthButton:hover {
  background-image: url( resource/widget/rap/calendar/nextMonth-hover.png );
}

DateTime-Calendar-PreviousYearButton {
  background-image: url( resource/widget/rap/calendar/lastYear.png );
  cursor: default;
}

DateTime-Calendar-PreviousYearButton:hover {
  background-image: url( resource/widget/rap/calendar/lastYear-hover.png );
}

DateTime-Calendar-NextYearButton {
  background-image: url( resource/widget/rap/calendar/nextYear.png );
  cursor: default;
}

DateTime-Calendar-NextYearButton:hover {
  background-image: url( resource/widget/rap/calendar/nextYear-hover.png );
}

DateTime-Calendar-PreviousMonthButton[RIGHT_TO_LEFT] {
  background-image: url( resource/widget/rap/calendar/nextMonth.png );
}

DateTime-Calendar-PreviousMonthButton[RIGHT_TO_LEFT]:hover {
  background-image: url( resource/widget/rap/calendar/nextMonth-hover.png );
}

DateTime-Calendar-NextMonthButton[RIGHT_TO_LEFT] {
  background-image: url( resource/widget/rap/calendar/lastMonth.png );
}

DateTime-Calendar-NextMonthButton[RIGHT_TO_LEFT]:hover {
  background-image: url( resource/widget/rap/calendar/lastMonth-hover.png );
}

DateTime-Calendar-PreviousYearButton[RIGHT_TO_LEFT] {
  background-image: url( resource/widget/rap/calendar/nextYear.png );
}

DateTime-Calendar-PreviousYearButton[RIGHT_TO_LEFT]:hover {
  background-image: url( resource/widget/rap/calendar/nextYear-hover.png );
}

DateTime-Calendar-NextYearButton[RIGHT_TO_LEFT] {
  background-image: url( resource/widget/rap/calendar/lastYear.png );
}

DateTime-Calendar-NextYearButton[RIGHT_TO_LEFT]:hover {
  background-image: url( resource/widget/rap/calendar/lastYear-hover.png );
}

DateTime-UpButton {
  background-color: #f0f0f0;
  background-image: gradient(
    linear, left top, left bottom,
    from( #f9f9f9 ),
    to( #efefef )
  );;
  width: 30px;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: 1px solid #bdbdbd;
  border-radius: 0px 2px 0px 0px;
  cursor: default;
}

DateTime-UpButton[RIGHT_TO_LEFT] {
  border: none;
  border-right: 1px solid #bdbdbd;
}

DateTime-DownButton-Icon {
  background-image: url( resource/widget/rap/datetime/down.png );
}

DateTime-DownButton-Icon:hover {
  background-image: url( resource/widget/rap/datetime/down-hover.png );
}

DateTime-DownButton {
  background-color: #f0f0f0;
  background-image: gradient(
    linear, left top, left bottom,
    from( #efefef ),
    to( #e4e4e4 )
  );
  width: 30px;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: 1px solid #bdbdbd;
  border-radius: 0px 0px 2px 0px;
  cursor: default;
}

DateTime-DownButton[RIGHT_TO_LEFT] {
  border: none;
  border-right: 1px solid #bdbdbd;
}

DateTime-DropDownButton {
  cursor: default;
  background-color: #f0f0f0;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: 1px solid #bdbdbd;
  border-radius: 0px 2px 2px 0px;
  background-image: gradient(
    linear, left top, left bottom,
    from( #f9f9f9 ),
    to( #e4e4e4 )
  );
  width: 30px;
}

DateTime-DropDownButton[RIGHT_TO_LEFT] {
  border: none;
  border-right: 1px solid #bdbdbd;
}

DateTime-DropDownButton:disabled,
DateTime-UpButton:disabled,
DateTime-DownButton:disabled {
  background-image: none;
  background-color: transparent;
}

DateTime-DropDownButton-Icon {
  background-image: url( resource/widget/rap/spinner/down.png );
}

DateTime-DropDownButton-Icon:hover {
  background-image: url( resource/widget/rap/spinner/down-hover.png );
}

DateTime-DropDownCalendar {
  border: 1px #a7a6aa solid;
}
